<html>
<head>
<style type="text/css">
	.clearfix{*zoom:1;}
	.pop_content{border:1px solid #C4D5E0;border-top:none;background:#ffffff;}
	.input_message{padding:10px;}
	.input_box{float:left;display:block;width:144px;height:18px;padding:2px;border:1px solid;border-color:#BEBEBE #D4D4D4 #DFDFDF;box-shadow:0 1px 0 #F2F2F2 inset;color:#666666;line-height:18px;text-indent:2px;}

	.input_message .left_list{float:left;width:280px;}
	.input_message .right_list{float:right;width:295px;}
	.input_message ul li{margin-top:10px;color:#333333;}
	.input_message ul li .edited_item_190{float:left;width:100px;padding-right:3px;text-align:right;line-height:24px;}
	.input_message ul li .edited_item_125{float:left;width:125px;margin-left:10px;padding-right:3px;text-align:right;line-height:24px;}
</style>
</head>
<body >
<div class="head_div">
	<span class="crumbs_text">您的位置:</span>
    <span class="crumbs_text_1"><a style="text-decoration:none" href="javascript:;"><b class="">系统管理></b></a></span>
    <span class="">后台用户管理</span>
</div>
	<div style='padding:20px;'>
	    <input type="hidden" id="operatorId" value="${backendOperatorVO.id!'0'}"/>
	    
	    <div class="operating">
			<form id="searchForm" method="post">
		    	<table class='sear_tab'>
		    		<tr  height="35px;">
						<td  width="250" class="rightP">登录账号：<input type="text" id="userName"></td>
						<td  width="250" align="left">
							姓名：<input type="text" id="realName">
						</td>
						<td  width="250" align="left">
							员工编号：
							<input type="text" id="staffNo">
						</td>
						<td width="250" align="left">账号状态：
							<select id="operatorStatus" name ="operatorStatus">
								<option value="">所有</option>
								<option value="1">已开通</option>
								<option value="0">已冻结</option>
							</select>
						</td>
					</tr>
		    	</table>
		    </form>
		<br/>
		<center>
		    <a id="addUser" class="easyui-linkbutton" data-options="iconCls:'icon-add'" href="javascript:void(0)" style="width:80px">新增用户</a>
			<a id="searchBtn" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="doSearch();" href="javascript:void(0)" style="width:80px">查询</a>
			<a id="resetBtn" href="#" class="easyui-linkbutton"  onclick="clearForm();" style="width:80px"><s></s>重置</a>
		</center>
	</div>
		</br>
		<table id="tt"></table>
	</div>
	
	<div style="width:660px;height:465px;padding:5px;" id="addUserWin" class="easyui-window" title="新增/编辑用户" data-options="modal:true,closed:true" >
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center'" class="input_message clearfix">
				<form id="addUserForm">
				<input type="hidden" id="merchantId" value="${backendOperatorVO.merchantId!'0'}"/>
				<input type="hidden" id="backOperatorId" value=""/>
	        	<ul class="left_list">
	            	<li class="clearfix">
	                	<label class="edited_item_190"><font color = "red">*</font>姓名：</label>
	                    <input type="text" class="input_box"  maxlength = 10  id="realNameIpt"/>
	                </li>
	                <br/>
	                <li class="clearfix">
	                	<label class="edited_item_190"><font color = "red">*</font>登录账号：</label>
	                    <input type="text" class="input_box"   maxlength = 30   id="userNameIpt"/>
	                </li>
	                <br/>
	                <!--li class="clearfix">
	                	<label class="edited_item_190"><font color = "red">*</font>地市：</label>
	                    <select id="cityIdIpt" name ="cityIdIpt" style="width:150px;">
							<option value="">请选择</option>
							<#if cities?exists>
								<#list cities as ct>
									<option value="${ct.cityId}">${(ct.cityCname)!''}</option>
								</#list>
							</#if> 
						</select>
	                </li>
	                <li class="clearfix">
	                	<label class="edited_item_190">区县：</label>
	                    <select id="countyIdIpt" name ="countyIdIpt" style="width:150px;">
							<option value="">请选择</option>
						</select>
	                </li>
	                <li class="clearfix">
	                	<label class="edited_item_190">营业厅：</label>
	                    <input type="text" class="input_box"  maxlength = 50 id="businessHallIpt" />
	                </li>
	                <br/-->
	                <li class="clearfix">
	                	<label class="edited_item_190"><font color = "red">*</font>密码：</label>
	                	<input type="hidden"    id="oldPassword" value=""/>
	                    <input type="password" class="input_box" oncopy="return false" onpaste="return false"  maxlength = 20  id="passwordIpt" />
	                </li>
	                <br/>
	                <li class="clearfix">
	                	<label class="edited_item_190"><font color = "red">*</font>确认密码：</label>
	                    <input type="password" class="input_box" oncopy="return false" onpaste="return false" maxlength = 20   id="confirmPasswordIpt" />
	                </li>
	            </ul>
	            <ul class="right_list">
	            	<li class="clearfix">
	                    <label class="edited_item_125">员工编号：</label>
	                    <input type="text" class="input_box"  maxlength = 10  id="staffNoIpt"  />
	                </li>
	                <br/>
	                <!--li class="clearfix">
	                    <label class="edited_item_125">所属部门：</label>
	                    <input type="text" class="input_box"  maxlength = 50   id="departmentIpt" />
	                </li>
	                <br/>
	                <li class="clearfix">
	                    <label class="edited_item_125"><font color = "red">*</font>所属公司：</label>
	                     <input type="text" class="input_box"  maxlength = 50  id="companyIpt"  />
	                </li>
	                <br/-->
	                <li class="clearfix">
	                    <label class="edited_item_125">手机号码：</label>
	                    <input type="text" class="input_box"    id="mobileIpt" />
	                </li>
	                <br/>
	                <li class="clearfix">
	                    <label class="edited_item_125"><font color = "red">*</font>账号状态：</label>
	                    <select id="operatorStatusIpt" name ="operatorStatusIpt">
							<option value="">所有</option>
							<option value="1">已开通</option>
							<option value="0">已冻结</option>
						</select>
	                </li>
	                <br/>
	                <li class="clearfix">
	                	<label class="edited_item_125" id="pwdDes">密码规则说明</label>
	                </li>
	            </ul>
	            <div style="float:right;">
            		<table border="1">
            			<tr><td>1、6位或以上长度;</td></tr>
            			<tr><td>2、不能与前三次使用密码重复；</td></tr>
            			<tr><td>3、密码有效时间为90天；</td></tr>
            			<tr><td>4、包含来自以下四个类别中的三类；<br/>
									1)大写英文字母（从 A 到 Z）；<br/>
									2)小写英文字母（从 a 到 z）；<br/>
									3)10 个基本数字（从 0 到 9）；<br/>
									4)非字母字符（例如，!、$、#、%）；
						</td></tr>
            		</table>
				</div>
		  		</form>
			</div>
			<div data-options="region:'south',border:false" style="text-align:center;padding:5px 0 0;">
				<a id="saveBackUserBtn" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" style="width:80px">保存</a>
				<a id="cancelBtn" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" style="width:80px">取消</a>
			</div>
		</div>
	</div>
	
	<div style="width:460px;padding:5px;" id="allotBackUserRoleWin" class="easyui-window" title="角色分配" data-options="modal:true,closed:true" >
		<div data-options="region:'center'" style="height:298px;">
			<input type="hidden" id="userObjIndex" />
			<div style="margin-left:20px;">
				<span>角色名称：</span><span><input type="text" id="roleName" value=""></span>
				<span><a id="roleSearchBtn" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="doSearchRole();" href="javascript:void(0)" style="width:80px">查询</a></span>
			</div>
			<table id="rolesTable" class="mytable" style="margin-top:4px;"></table>
			<div id="myPagination" style="margin-top:5px;float:right;"></div>
		</div>
		<div data-options="region:'south',border:false" style="text-align:center;background-color: #eee;height:40px;padding: 10px 0 0 130px;">
			<a class="btn_blue04" href="javascript:void(0)" id="saveBackUserRoleBtn">确定</a>
			<a class="btn_blue04" href="javascript:void(0)" id="cancelRole">取消</a>
		</div>
	</div>
	
	<style type="text/css">
		.mytable{
		     border-collapse: collapse;/* 边框合并属性  */
		}
		.mytable th{
		     border: 1px solid #c5c5c5;
		     background: none repeat scroll 0 0 #f5f5f5;
		     font-weight: normal;
		     height: 30px;
		     line-height: 30px;
		     text-align:center;
		}
		.mytable td{
		     border: 1px solid #c5c5c5;
		     text-align:center;
		     height: 25px;
		}
	</style>
	<script type="text/javascript" src="${mainDomain}/statics/js/backend/common/backOperator.js?version=1002"></script>
	<script>
	var mainDomain = "${mainDomain}";
	var miscDomain = '${mainDomain}';
</script>
</body>
</html>